<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>.:: Sistema de Gestión de Inventarios ::.</title>
        <link href="resources/css/default.css" type="text/css" rel="stylesheet"/>
    </h:head>
    <h:body styleClass="body_login">
        <h:form>
            <table width="100%" class="banda_formulario">
                <tr>
                    <td style="padding-left: 10px;text-align: left">
                        <img src="imagenes/logo_nnessa1.png" border="no" style="height: 90%"/>
                    </td>
                    <td>
                        <table class="formulario_login" align="center" cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td style="padding-left: 24px;">
                                    <table cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td colspan="2">
                                                <p:messages autoUpdate="true" showSummary="true" id="msgLogin" closable="true" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <h:outputLabel for="txtUsuario" styleClass="ui-campo_formulario" value="Usuario"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <p:inputText id="txtUsuario"
                                                             styleClass="ui-campo_formulario"
                                                             required="true"
                                                             requiredMessage="Ingrese usuario"
                                                             maxlength="15"
                                                             style="width: 200px"
                                                             tabindex="1"
                                                             size="15" 
                                                             value="#{loginMb.usuario.username}">
                                                    <p:watermark value="Ingrese su usuario" for="txtUsuario" />
                                                </p:inputText>
                                            </td>
                                            <td style="padding-left: 4px">
                                                <p:commandButton icon="ui_icon_check"
                                                                 value="Ingresar"
                                                                 update="msgLogin"
                                                                 tabindex="3"
                                                                 onstart="wvProcesando.show();"
                                                                 oncomplete="wvProcesando.hide();"
                                                                 action="#{loginMb.validarUsuario}"
                                                                 />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <h:outputLabel  for="txtPassword" value="Contraseña" styleClass="ui-campo_formulario"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <p:password id="txtPassword"
                                                            required="true"
                                                            styleClass="ui-campo_formulario"
                                                            style="width: 200px"
                                                            requiredMessage="Ingrese contraseña"
                                                            maxlength="10"
                                                            size="15"
                                                            tabindex="2"
                                                            value="#{loginMb.usuario.password}" >
                                                    <p:watermark value="Ingrese su contraseña" for="txtPassword" />
                                                </p:password>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <p:spacer width="20" height="20" />
                                            </td>
                                        </tr>
                                    </table>            
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </h:form>
        <p:dialog header="Autenticando usuario" id="dlgProcesando" 
                  widgetVar="wvProcesando" modal="true" styleClass="ui-campo_formulario" 
                  closable="no">
            <h:outputText value="Validando usuario" styleClass="ui-campo_formulario" /><br/>
            <img src="imagenes/loading.gif" border="0" />
        </p:dialog>
    </h:body>
</html>
